.top-box {
	display: flex;
	align-items: center;
	border-bottom: 1px solid #d0d0d0;
	padding-bottom: 12px !important;
	.btns {
		display: flex;
		margin-right: 0;
		margin-left: auto;
	}
}
.upload-list {
	position: relative;
	height: 350px;
	overflow: auto;
	.hide {
		display: none;
	}
	.empty-list {
		position: absolute;
		top: 40%;
		left: 50%;
		margin-left: -30px;
		margin-top: -56px;
		img {
			width: 60px;
			opacity: .2;
		}
		.info {
			text-align: center;
			color: #bbb;
		}
		a.upload {
			margin-top: 5px;
			font-size: 16px;
			text-align: center;
			cursor: pointer;
		}
	}
	li {
		display: flex;
		align-items: center;
		height: 40px;
		border-bottom: 1px solid #d0d0d0;
		&:last-child {
			border-bottom: none;
		}
		&:hover {
			background-color: #f5f6f6;
		}
		.itemCheck {
			margin-top: 5px;
		}
		.file-name {
			flex: 2;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}
		.file-status {
			flex: 1;
			margin-left: 10px;
			display: flex;
			align-items: baseline;
			.status-error {
				color: #e14c46;
			}
			.status-success {
				color: #3dbd7d;
			}
			.upload-percent {
				margin-right: 5px;
			}
			.fadeOut {
				animation-name: fadeOut;
				animation-duration: 3s;
			}
		}
		.options {
			flex: 2;
			display: flex;
			justify-content: flex-end;
			a {
				margin-left: 10px;
				cursor: pointer;
			}
		}
	}
}
.status-error-tip {
	.tooltip-inner {
		padding: 5px;
		color: #000;
	}
}
.test-tip {
	height: 30px;
	background: #fff0ef;
	border-radius: 3px;
	color: #e14c46;
	margin: 5px 20px 0;
	padding: 0 14px;
	line-height: 30px;
	.icon-zhuyi1 {
		margin-right: 12px;
		font-size: 20px;
		vertical-align: sub;
	}
	.icon-guanbi {
		font-size: 12px;
		color: #888;
		float: right;
		padding-right: 3px;
		cursor: pointer;
		&:hover {
			color: #666;
		}
	}
}

@keyframes fadeOut {
	0% {
		opacity: 1;
	}
	90% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		visibility: hidden;
	}
}
